<template>
	<view class="" v-if="list != ''">
		<view class="card p-3 mb-3" @click="$emit('itemClick',item.longTopicId,item.longToId)" v-for="(item, index) in list" :key="index">
			<view class="font30 mb-3 color333 font-weight-bold line-h">{{ item.vcContent }}</view>
			<view class="flex align-center mb-2">
				<image :src="item.vcHeadImg" class="rounded-circle" style="width: 64rpx;height: 64rpx;margin-right: 20rpx;" v-if="item.vcHeadImg != ''" mode=""></image>
				<image src="../../static/img/ic_default_head.png" class="rounded-circle" style="width: 64rpx;height: 64rpx;margin-right: 20rpx;" v-else mode=""></image>
				<view class="font30 color333 font-weight-500">{{ item.vcName }}</view>
				<view class="font30 color999 font-weight-500 mr-2">收到了问题</view>
				<view class="font26 color999">{{ item.vcCreateTime }}</view>
			</view>
			<view class="font30 color666 font-weight-500">暂未回答</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	props: {
		list: {
			type: Array
		}
	},
	methods: {}
};
</script>

<style>
.card {
	background: rgba(255, 255, 255, 1);
	box-shadow: 0rpx 3rpx 10rpx 0rpx rgba(64, 64, 64, 0.12);
	border-radius: 20rpx;
}
</style>
